@charset "utf-8";

@font-face {
	font-family: 'RobotoLight';
	src: url(../fonts/RobotoLight.svg);
	src: local('☺'), url('../fonts/RobotoLight.woff') format('woff'),
		url('../fonts/RobotoLight.ttf') format('truetype'),
		url('../fonts/RobotoLight.otf') format('otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'chocoleta';
	src: url('../fonts/chocoleta.otf') format('otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: "iconfont"; /* Project id 3207178 */
  src: url('../fonts/iconfont.woff2?t=1647825772755') format('woff2'),
       url('../fonts/iconfont.woff?t=1647825772755') format('woff'),
       url('../fonts/iconfont.ttf?t=1647825772755') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weixin:before {
  content: "\e602";
}

.icon-daohang:before {
  content: "\e62b";
}

.icon-linkin:before {
  content: "\e61d";
}

.icon-dianhua2:before {
  content: "\e620";
}

.icon-liaotian:before {
  content: "\e609";
}

.icon-twitter1:before {
  content: "\e882";
}

.icon-Youtube-fill:before {
  content: "\e883";
}

.icon-daohangdizhi:before {
  content: "\e65e";
}

.icon-youxiang-:before {
  content: "\e6af";
}

.icon-facebook:before {
  content: "\e71a";
}

.icon-zhuye:before {
  content: "\e62a";
}

.icon-qiyebangonglou:before {
  content: "\e66a";
}

.icon-date:before {
  content: "\e697";
}

.icon-xiangyou3:before {
  content: "\e778";
}

.icon-yanjing:before {
  content: "\e668";
}

.icon-chejian:before {
  content: "\e664";
}

.icon-youjiantou:before {
  content: "\e629";
}

.icon-Magnifier:before {
  content: "\e62d";
}

.icon-dizhi:before {
  content: "\e62e";
}

.icon-kefu:before {
  content: "\e608";
}

.icon-anquanmaojishuyuangongchengshi:before {
  content: "\e600";
}

.icon-gongsi:before {
  content: "\e679";
}

.icon-fax:before {
  content: "\e601";
}

.icon-dianhua:before {
  content: "\e618";
}

.icon-fixed-telephone:before {
  content: "\e91f";
}

.icon-zuojiantou:before {
  content: "\e604";
}



/* CSS Document */
body {
	font-family: RobotoLight, chocoleta, Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	color: #666;
	font-size: 16px;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
td,
blockquote,
pre,
a,
address,
big,
cite,
code,
del,
em,
font,
img,
ins,
small,
strong,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0;
	padding: 0;
}

input,
select,
textarea {
	font-size: 14px;
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
}

img {
	border: 0 none;
	vertical-align: middle;
	max-width: 100%;
}

a{
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	cursor: pointer;
}

a:focus {
	outline: none;
}

ul,
li,
dl,
dt,
dd {
	list-style: none outside none;
}

button {
	cursor: pointer;
}

* {
	box-sizing: border-box;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hide from IE Mac */
.clearfix {
	display: block;
}
/* End hide from IE Mac */
/* end of clearfix */

.flex{
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}

/*页面全局结束*/


.container{
	width: 1400px;
	margin: 0 auto;
}

header{
	width: 100%;
	height: 100px;
	box-shadow: 0 0 5px rgba(0,0,0,.8);
	background: url(../images/nav_bg.png) no-repeat center;
	background-size: cover;
	position: relative;
	z-index: 999;
}
header.active{
	position: fixed;
	top: 0;
	left: 0;
}
header .logo{
	padding: 0 32px;
	background: #bb9972;
	line-height: 100px;
	position: absolute;
	left: 0;
	top: 0;
}
header .nav ul{
	display: flex;
	flex-wrap: nowrap;
}
header .nav ul li{
	line-height: 100px;
	font-size: 18px;
	margin: 0 30px;
	font-weight: bold;
	position: relative;
}
header .nav ul li a{
	color: #333333;
	white-space: nowrap;
	display: block;
}
header .nav ul li .sorts{
	position: absolute;
	top: 100px;
	left: 0;
	background: #FFFFFF;
	border: 1px solid #AA9784;
	line-height: 30px;
	min-width: 240px;
	padding: 10px 20px;
	display: none;
}
header .nav ul li .sorts .sort_item{
	margin-bottom: 10px;
}
header .nav ul li .sorts .sort_item h4 a{	margin-bottom: 6px;	color: #333333;	font-weight: bold;}
header .nav ul li .sorts .sort_item a{
	font-weight: normal;
	display: block;
	padding-left: 10px;
	color: #666666;
}
header .nav ul li .sorts .sort_item a:hover{
	color: #bb9972;
	font-weight: bold;
}

header .nav .nav_btn {
	display: none;
	color: #FFFFFF;
	margin-right: 10px;
	cursor: pointer;
	line-height: 100px;
	color: #333333;
}
header .nav .nav_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	left: 0;
	top: 0;
	display: none;
}


header .search{
	position: relative;
	margin-right: 15px;
}
header .search i{
	line-height: 100px;
	cursor: pointer;
	font-size: 24px;
	color: #333333;
}
header .search .src_con{
	position: absolute;
	top: 100px;
	right: 0;
	background: #ffffff;
	display: none;
	width: 242px;
}
header .search .src_con input{
	width: 200px;
	height: 40px;
	padding: 0 10px;
	float: left;
	margin-right: 2px;
	border: 1px solid #AA9784;
}
header .search .src_con button{
	width: 40px;
	height: 40px;
	float: right;
	background: #FFFFFF;
	border: 1px solid #AA9784;
}
header .search .src_con button i{
	line-height: 40px;
	color: #bb9972;
}
header .quote{
	width: 176px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin-top: 25px;
	border: 2px solid #aa9784;
}
header .quote a{
	color: #552E11;
	font-weight: bold;
	display: block;
}
header .quote a i{
	font-size: 24px;
	float: left;
	margin-left: 20px;
	font-weight: normal;
}
header .quote:hover{
	background: #AA9784;
}
header .quote:hover a{
	color: #FFFFFF;
}

.banner .swiper-pagination-bullets{
	bottom: 40px;
	text-align: right;
	padding-right: 35%;
}
.banner .swiper-num{
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	text-align: right;
	font-size: 24px;
	color: #333333;
	z-index: 1;
	padding-right: 20px;
}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #CCCCCC;
	opacity: 1;
	margin-right: 15px;
}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background: #bb9972;
}

.main{
	overflow: hidden;
	background: #f6f6f6;
	position: relative;
	z-index: 1;
}
.main .main_box{
	position: relative;
	padding-top: 120px;
	/* background: #f6f6f6; */
	z-index: 0;
}
.main .main_box::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 13.2%;
	height: 100%;
	z-index: -1;
	background: url(../images/honor_pic1.jpg) no-repeat top right;
}
.main .main_box::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 13.2%;
	height: 100%;
	z-index: -1;
	background: url(../images/honor_pic2.jpg) no-repeat top left;
}
.main h2{
	font-family: chocoleta;
	text-align: center;
	font-size: 36px;
	color: #333333;
	margin-bottom: 30px;
}
.main .title{
	width: 96%;
	margin: 0 auto;
	max-width: 830px;
	text-align: center;
	line-height: 28px;
	color: #000000;
	font-family: RobotoLight;
}
.main .index_honor ul{
	margin-top: 50px;
}
.main .index_honor ul li{
	width: 24%;
	margin: .5%;
	text-align: center;
}
.main .index_honor ul li img{
	display: block;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}

.main .index_service{
	margin-top: 50px;
}
.main .index_service .swiper-slide{
	align-items: flex-end;
}
.main .index_service .img_box{
	width: 53.5%;
}
.main .index_service .service_box{
	flex: 1;
}
.main .index_service .service_box em{
	color: #bb9972;
	margin-bottom: 35px;
	display: block;
	margin-left: -20px;
}
.main .index_service .service_con{
	padding: 50px;
	background: #FFFFFF;
}
.main .index_service .service_con p{
	font-family: RobotoLight;
	line-height: 28px;
	font-size: 16px;
	color:#000
}

.main .index_service .swiper-button-prev,
.main .index_service .swiper-button-next{
	top: 50px;
	width: 80px;
	height: 80px;
	right: 0;
	background: #FFFFFF;
}
.main .index_service .swiper-button-prev{
	left: auto;
	right: 90px;
}
.main .index_service .swiper-button-prev::after,
.main .index_service .swiper-button-next::after{
	font-size: 24px;
	color: #333333;
}
.main .index_service .swiper-button-prev:hover,
.main .index_service .swiper-button-next:hover{
	background: #bb9972;
}
.main .index_service .swiper-button-prev:hover::after,
.main .index_service .swiper-button-next:hover::after{
	color: #FFFFFF;
}

.main .index_mainPro{
	margin-top: 80px;
	margin-bottom: 80px;
}
.main .index_mainPro h2{
	text-align: left;
	color: #FFFFFF;
	padding-left: 53px;
	background-color: #bb9972;
	background-image: url(../images/head_bg.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	line-height: 100px;
	margin-bottom: 0;
	font-size: 32px;
}
.main .index_mainPro h2 a{
	font-family: RobotoLight;
	float: right;
	margin-right: 55px;
	color: #FFFFFF;
	font-size: 24px;
}
.main .index_mainPro ul{
	flex-wrap: wrap;
}
.main .index_mainPro ul li{
	background: #FFFFFF;
	/* margin: 0 2px; */
	text-align: center;
	padding: 10px 0 40px 0;
	border: 1px solid #E5E5E5;
	width: 25%;
}
.main .index_mainPro ul li .img_box{
	overflow: hidden;
}
.main .index_mainPro ul li .img_box img{
	transition: all .5s;
}
.main .index_mainPro ul li:hover .img_box img{
	transform: scale(1.1);
}
.main .index_mainPro ul li h4{
	font-size: 18px;
	color: #333333;
	margin: 20px 0;
}
.main .index_mainPro ul li:hover h4{
	color: #bb9972;
}
.main .index_mainPro ul li p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: -o-ellipsis-lastline;
	color: #666666;
	font-size: 14px;
	line-height: 22px;
	width: 70%;
	margin: 0 auto;
}

.main .box{
	background: url(../images/shanshui_bg.jpg) no-repeat bottom center;
	position: relative;
	z-index: -2;
	padding-bottom: 80px;
}
.main .index_profile{
	/* margin-top: 80px; */
	position: relative;
	padding-top: 70px;
}
.main .index_profile::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 500px;
	top: 0;
	left: 0;
	background: url(../images/workshop2.jpg) fixed no-repeat top center;
	background-size: 100%;
	z-index: -1;
}
.main .index_profile .profile{
	background: #FFFFFF;
	padding: 25px;
	margin-top: 50px;
}
.main .index_profile .profile .flex{
	align-items: flex-end;
}
.main .index_profile .profile .video{
	width: 60%;
}
.main .index_profile .profile .profile_con{
	flex: 1;
	padding-left: 35px;
}
.main .index_profile .profile .profile_con h3{
	font-size: 36px;
	color: #333333;
	margin-bottom: 30px;
}
.main .index_profile .profile .profile_con p{
	color: #333333;
	line-height: 28px;
	margin-top: 16px;
}

.main .index_profile .profile .profile_slide{
	margin-top: 30px;
}

.main .index_profile .profile .profile_slide .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.bigbg{
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.getbox{
	width: 800px;
	background: #fff;
	height: auto;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -400px;
}
.allhide{
	display: none;
	z-index: 0;
}
.main .latest_news{
	margin-top: 80px;
}
.main .latest_news .latest_con{
	background: #FFFFFF;
	padding: 60px 40px 50px 60px;
	overflow: hidden;
}
.main .latest_news .latest_con .flexbox{
	margin-top: 40px;
	display: flex;
}
.main .latest_news .latest_con .latest_l{
	width: 48.6%;
}
.main .latest_news .latest_con .latest_l a{
	display: block;
	position: relative;
	overflow: hidden;
}
.main .latest_news .latest_con .latest_l a h4{
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 65px;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	background: rgba(135,104,70,.6);
	display: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 10px;
}
.main .latest_news .latest_con .latest_l a:hover h4{
	display: block;
}
.main .latest_news .latest_con .latest_l a img{
	transition: all .5s;
}
.main .latest_news .latest_con .latest_l a:hover img{
	transform: scale(1.1);
}
.main .latest_news .latest_con .latest_r{
	flex: 1;
	max-height: 395px;
}
.main .latest_news .latest_con .latest_r .swiper{
	height: 100%;
	overflow: hidden;
	padding-left: 35px;
}
.main .latest_news .latest_con .latest_r .swiper-slide a{
	align-items: flex-end;
}
.main .latest_news .latest_con .latest_r .swiper-slide a .img_box{
	width: 30%;
	overflow: hidden;
}
.main .latest_news .latest_con .latest_r .swiper-slide a .img_box img{
	transition: all .5s;
}
.main .latest_news .latest_con .latest_r .swiper-slide:hover a .img_box img{
	transform: scale(1.1);
}
.main .latest_news .latest_con .latest_r .swiper-slide a .slide_con{
	flex: 1;
	padding-left: 20px;
}
.main .latest_news .latest_con .latest_r .swiper-slide a .slide_con .date{
	color: #552e11;
	font-size: 14px;
	margin-bottom: 10px;
}
.main .latest_news .latest_con .latest_r .swiper-slide a .slide_con h4{
	color: #000000;
	font-family: arial;
	margin-bottom: 10px;
	overflow: hidden;
	height: 18px;
}
.main .latest_news .latest_con .latest_r .swiper-slide:hover .slide_con h4{
	color: #bb9972;
}
.main .latest_news .latest_con .latest_r .swiper-slide a .slide_con p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: -o-ellipsis-lastline;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
}
.main .latest_news .latest_con .latest_r .line{
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 20px;
	background: #dae0e6;
}
.main .latest_news .latest_con .latest_r .swiper-pagination-bullets{
	right: auto;
	left: 15px;
}
.main .latest_news .latest_con .latest_r .swiper-pagination-bullets .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border: 1px solid #552e11;
	background: none;
	opacity: 1;
	margin: 100px 0;
}
.main .latest_news .latest_con .latest_r .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background: #552E11;
}

.main .index_contact{
	padding: 50px 0;
	background: url(../images/contact_bg.jpg) no-repeat center;
	background-size: cover;
}
.main .index_contact .flex{
	align-items: center;
}
.main .index_contact .contact_l{
	flex: 1;
	padding-right: 8%;
}
.main .index_contact .contact_l p{
	color: #333333;
	line-height: 28px;
}
.main .index_contact .contact_l .more_btn{
	width: 176px;
	height: 50px;
	border: 2px solid #bb9972;
	color: #bb9972;
	text-align: center;
	line-height: 50px;
	display: block;
	margin-top: 40px;
	font-weight: bold;
}
.main .index_contact .contact_l .more_btn:hover{
	background: #bb9972;
	color: #FFFFFF;
}
/*.main .index_contact .contact_r{*/
/*	background: rgba(255,255,255,.9);*/
/*	width: 55%;*/
/*	padding: 36px 36px 25px;*/
/*}*/
.main .index_contact .contact_r{
	background: rgba(227,228,229,.83);
	width: 55%;
	/* padding: 36px 36px 25px; */
	padding: 25px 20px;
}
.main .index_contact .contact_r .img_box{
	text-align: center;
}
.main .index_contact .contact_r .code{
	margin-right: 30px;
	width: 28%;
}
.main .index_contact .contact_r .map{
	flex: 1;
}
.main .index_contact .contact_r h3{
	text-align: center;
	color: #333333;
	font-size: 24px;
	margin-bottom: 20px;
	font-family: arial;
}
.main .index_contact .contact_r input{
	background: #FFFFFF;
	border: 1px solid #dae0e6;
	padding: 0 10px;
	height: 45px;
	width: 49%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	color: #333333;
}
.main .index_contact .contact_r input:nth-child(even){
	margin-right: 0;
}
.main .index_contact .contact_r textarea{
	width: 100%;
	padding: 10px;
	height: 100px;
	background: #FFFFFF;
	border: 1px solid #dae0e6;
	color: #333333;
}
textarea::-webkit-input-placeholder {
	font-size: 14px;
	font-family: "arial";
}
.main .index_contact .contact_r button{
	width: 173px;
	height: 45px;
	display: block;
	margin: 25px auto 0;
	background: #bb9972;
	font-size: 14px;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
}
.main .index_contact .contact_r button:hover{
	opacity: .9;
}

footer{
	padding-top: 66px;
	color: #FFFFFF;
	background: url(../images/footer_bg.jpg) no-repeat left bottom;
	background-size: cover;
}
footer .flex{
	/* align-items: center; */
	flex-wrap: nowrap;
}
footer .flex a{
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
}
footer .flex .item{
	margin-right: 9%;
}
footer .flex .item:first-child{
	margin-left: 5%;
}
footer .flex .item:last-child{
	margin-right: 0;
	flex: 1;
}
footer .flex .item h4{
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 30px;
	white-space: nowrap;
}
footer .flex .item_links a{
	margin-top: 20px;
}
footer .flex .item a:hover{
	color: #FFFFFF;
}
footer .flex .item span{
	display: block;
	width: 53px;
	height: 2px;
	background: #552e11;
	margin-top: 16px;
}
footer .flex .item p{
	/* max-width: 345px; */
	color: #FFFFFF;
	line-height: 34px;
	margin-top: 14px;
}
footer .flex .item p:last-child{margin-top: 0px;}
footer .flex .item a i{
	margin-right: 10px;
}
footer .flex .item .share{
	margin-top: 20px;
}
footer .flex .item .share a{
	width: 33px;
	height: 33px;
	display: inline-block;
	border-radius: 100%;
	background: #007AFF;
	text-align: center;
	line-height: 33px;
	margin-right: 6px;
	font-size: 18px;
}
footer .flex .item .share a i{
	margin-right: 0;
}
footer .flex .item .share a:nth-child(2){
	background: #d10000;
}
footer .flex .item .share a:nth-child(2) i{
	font-size: 20px;
}
footer .flex .item .share a:nth-child(3){
	background: #55acee;
}
footer .flex .item .share a:nth-child(3) i{
	font-size: 20px;
}
footer .flex .item .share a:last-child i{
	font-size: 14px;
}
footer .flex .item:last-child a,
footer .flex .item:last-child p{
	/*display: flex;*/
}
footer .flex .item:last-child i{
	font-size: 18px;
	margin-right: 10px;
}
footer .copyright{
	text-align: center;
	margin-top: 40px;
	line-height: 74px;
	border-top: 1px solid rgba(255,255,255,.1);
}
footer .s_footer {
	display: none;
}

.banner{ width: 100%; }
/* about */
.about_banner{
	position: relative;
}
.about_banner .position{
	position: absolute;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	left: 0;
	bottom: 0;
	font-family: helvetica;
	background: rgba(0,0,0,.3);
}
.about_banner .position i{
	float: left;
	font-size: 18px;
	margin-top: -3px;
	margin-right: 10px;
}
.about_banner .position a{
	color: #FFFFFF;
}
.about_banner .position a:hover{
	opacity: .8;
}
.main_pg{
	background: #FFFFFF;
	width: 100%;
}
.main_pg .profile{
	margin-top: 80px;
}
.main_pg .profile .flex{
	margin-top: 45px;
	align-items: flex-end;
}
.main_pg .profile .profile_con{
	flex: 1;
	padding-right: 40px;
}
.main_pg .profile .profile_con h3{
    font-size: 36px;
    color: #333333;
    margin-bottom: 30px;
}
.main_pg .profile .profile_con p{
	color: #333333;
	line-height: 28px;
	margin-top: 16px;
}
.main_pg .profile .video{
	width: 48.6%;
}

.main_pg .number{
	margin-top: 70px;
}
.main_pg .number .flex{
	align-items: flex-start;
}
.main_pg .number .num_item{
	width: 23.5%;
	height: 200px;
	padding-top: 45px;
	margin-right: 1.83%;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,.09);
}
.main_pg .number .num_item:last-child{
	margin-right: 0;
}
.main_pg .number .num_item i{
	font-size: 40px;
	color: #bb9972;
	margin-right: 20px;
	transition: all .5s;
	display: inline-block;
}
.main_pg .number .num_item:hover i{
	transform: rotateY(180deg);
}
.main_pg .number .num_item b,
.main_pg .number .num_item span{
	font-size: 48px;
	color: #333333;
	font-family: helvetica;
}
.main_pg .number .num_item span{
	font-size: 36px;
	font-weight: bold;
}
.main_pg .number .num_item p{
	width: 93%;
	margin: 20px auto 0;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: -o-ellipsis-lastline;
}
.main_pg .factory{
	margin-top: 40px;
	padding: 60px 0 90px;
	background: url(../images/factory_bg.jpg) no-repeat bottom center;
}
.main_pg .factory .title{
	width: 100%;
	max-width: 100%;
	text-align: left;
}
.main_pg .factory .factory_sp{
	margin-top: 30px;
}
.main_pg .factory .factory_sp .swiper-slide{
	overflow: hidden;
}
.main_pg .factory .factory_sp .swiper-slide img{
	transition: all .5s;
}
.main_pg .factory .factory_sp .swiper-slide:hover img{
	transform: scale(1.1);
}
.main_pg .factory .factory_sp .swiper-button-prev,
.main_pg .factory .factory_sp .swiper-button-next{
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,.8);
}
.main_pg .factory .factory_sp .swiper-button-prev{
	left: 0;
}
.main_pg .factory .factory_sp .swiper-button-next{
	right: 0;
}
.main_pg .factory .factory_sp .swiper-button-prev::after,
.main_pg .factory .factory_sp .swiper-button-next::after{
	color: #333333;
	font-size: 16px;
}
.main_pg .factory .factory_sp .swiper-button-prev:hover,
.main_pg .factory .factory_sp .swiper-button-next:hover{
	background: rgba(135,104,70,.8);
}
.main_pg .factory .factory_sp .swiper-button-prev:hover::after,
.main_pg .factory .factory_sp .swiper-button-next:hover::after{
	color: #FFFFFF;
}
.main_pg .factory .identity{
	margin-top: 16px;
}
.main_pg .factory .identity .item{
	margin-right: 16px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.main_pg .factory .identity .item:last-child{
	margin-right: 0;
}
.main_pg .factory .identity .item h4{
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 65px;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	background: rgba(135,104,70,.6);
	display: none;
}
.main_pg .factory .identity .item img{
	transition: all .5s;
}
.main_pg .factory .identity .item:hover img{
	transform: scale(1.1);
}
.main_pg .factory .identity .item:hover h4{
	display: block;
}


.main_pg .honorary{
	margin-top: 80px;
}
.main_pg .honorary ul{
	margin-top: 50px;
}
.main_pg .honorary ul li{
	width: 24%;
	margin: .5%;
	text-align: center;
}
.main_pg .honorary ul li img{
	display: block;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.main_pg .prize{
	margin-top: 50px;
}
.main_pg .prize{
	padding: 90px 0;
	background: url(../images/aboutHonor_bg.jpg) no-repeat center;
	background-size: cover;
}
#d_tab29{
	position:relative;
	height:406px;
	text-align:left;
}
#d_tab29 .d_img{
	position:relative;
	margin:0 auto;
	width:100%;
	height:100%;
}
#d_tab29 .d_img li{
	position:absolute;
	display:none;
	z-index:0;
}
#d_tab29 .d_img li.d_pos1{
	display:block;
	width:28%;
	left:3%;
	top:60px;
	z-index:1;
}
#d_tab29 .d_img li.d_pos2{
	display:block;
	width:33.5%;
	left:15%;
	top:30px;
	z-index:2;
}
#d_tab29 .d_img li.d_pos3{
	display:block;
	width:40.2%;
	left:30%;
	top:0;
	z-index:3;
}
#d_tab29 .d_img li.d_pos4{
	display:block;
	width:33.5%;
	right:15%;
	top:30px;
	z-index:2;
}
#d_tab29 .d_img li.d_pos5{
	display:block;
	width:28%;
	right:3%;
	top:60px;
	z-index:1;
}
#d_tab29 .d_prev,
#d_tab29 .d_next{
	position:absolute;
	right:20px;
	top:10%;
	z-index:10;
	cursor:pointer;
	width:40%;
	height:100%;
}
#d_tab29 .d_next{
	right:20px;
	text-align: right;
}
#d_tab29 .d_prev{
	left:20px;
}
#d_tab29 .d_next span,
#d_tab29 .d_prev span{
	width: 80px;
	height: 80px;
	background: #FFFFFF;
	color: #666666;
	margin-top: 20%;
	display: inline-block;
	text-align: center;
	line-height: 80px;
}
#d_tab29 .d_next span i,
#d_tab29 .d_prev span i{
	font-size: 30px;
}
#d_tab29 .d_next span:hover,
#d_tab29 .d_prev span:hover{
	background: #bb9972;
	color: #FFFFFF;
}




.product{
	background: url(../images/product_bg.jpg) no-repeat bottom center;
	padding: 80px 0;
}
.product .product_l{
	width: 345px;
}
.product .product_l .product_search{
	position: relative;
}
.product .product_l .product_search button{
	border: none;
	position: absolute;
	left: 20px;
	top: 18px;
	background: none;
}
.product .product_l .product_search button i{
	font-size: 24px;
	color: #FFFFFF;
}
.product .product_l input{
	width: 100%;
	height: 60px;
	background: #bb9972;
	color: #FFFFFF;
	padding: 0 60px;
}
.product .product_l input::-webkit-input-placeholder{
	color: #FFFFFF;
}

.product .product_l input::-moz-input-placeholder{
	color: #FFFFFF;
}

.product .product_l input::-ms-input-placeholder{
	color: #FFFFFF;
}
.product .product_l h2{
	text-align: left;
	margin-top: 40px;
}
.product .product_l h2 span{
	float: right;
	display: none;
}
.product .product_l h3{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 50px;
	background: #bb9972;
	padding-left: 25px;
	cursor: pointer;
}.product .product_l .cate_item h3 a{	display: inline;	border: none;	color: #FFFFFF;	padding: 0;}.product .product_l .cate_item h3 a:hover{	color: #FFFFFF;}
.product .product_l h3 i{
	float: right;
	font-weight: normal;
	font-size: 24px;
	margin-right: 20px;
	transition: all .5s;
}
.product .product_l h3 i.active{
	transform: rotate(90deg);
}
.product .product_l .cate_item{
	background: #F6F6F6;
	margin-bottom: 24px;
}
.product .product_l .cate_item .f_pro{
	display: none;
}
.product .product_l .cate_item a{
	display: block;
	color: #666666;
	line-height: 50px;
	padding: 0 25px;
	font-weight: bold;
	border-bottom: 1px solid #e6e6e6;
}
.product .product_l .cate_item a i{
	margin-right: 12px;
}
.product .product_l .cate_item a:hover{
	color: #000000;
}
.product .product_l .hot_con{
	padding-bottom: 40px;
}
.product .product_l .hot_pro .swiper-slide{
	border: 1px solid #e5e5e5;
	text-align: center;
	background: #FFFFFF;
}
.product .product_l .hot_pro .swiper-slide .img_box{
	overflow: hidden;
}
.product .product_l .hot_pro .swiper-slide img{
	transition: all .5s;
}
.product .product_l .hot_pro .swiper-slide:hover img{
	transform: scale(1.1);
}
.product .product_l .hot_pro .swiper-slide h4{
	color: #333333;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.product .product_l .hot_pro .swiper-slide p{
	width: 80%;
	margin: 0 auto 40px;
	color: #666666;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: -o-ellipsis-lastline;
}
.product .product_l .hot_pro .swiper-pagination-bullets .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #CCCCCC;
	opacity: 1;
	margin-right: 15px;
}
.product .product_l .hot_pro .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background: #bb9972;
}

.product .product_r{
	flex: 1;
	padding-left: 70px;
}
.product .product_r h2{
	font-family: arial;
	text-align: left;
	padding: 0 30px;
	font-size: 24px;
	line-height: 66px;
	border-bottom: 1px solid #E5E5E5;
}
.product .product_r h2 a{
	float: right;
	font-size: 20px;
	color: #666666;
	font-weight: normal;
}
.product .product_r h2 a i{
	font-size: 32px;
	color: #bb9972;
	margin-right: 15px;
	vertical-align: middle;
}
.product .product_r h2 a:hover{
	color: #333333;
}
.product .product_r ul{
	margin-top: 30px;
}
.product .product_r li{
	background: #F6F6F6;
	margin-bottom: 15px;
	padding: 18px;
}
.product .product_r li a{
	display: flex;
	align-items: center;
}
.product .product_r li .img_box{
	width: 265px;
	overflow: hidden;
}
.product .product_r li .img_box img{
	transition: all .5s;
}
.product .product_r li:hover .img_box img{
	transform: scale(1.1);
}
.product .product_r li .prolist_con{
	padding: 0 5%;
	flex: 1;
}
.product .product_r li .prolist_con h3{
	font-size: 24px;
	color: #333333;
	margin-bottom: 10px;
}
.product .product_r li:hover .prolist_con h3{
	color: #bb9972;
}
.product .product_r li .prolist_con p{
	color: #666666;
	line-height: 28px;
}
.product .product_r li .prolist_con button{
	width: 130px;
	height: 40px;
	background: none;
	border: 1px solid #bb9972;
	font-weight: bold;
	color: #bb9972;
	margin-top: 20px;
}
.product .product_r li .prolist_con button:hover{
	background: #bb9972;
	color: #FFFFFF;
}
.pages{
	margin-top: 60px;
	text-align: center;
}
.pages a{
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #b0afaf;
	font-size: 14px;
	background: #FFFFFF;
	border: 1px solid #B0AFAF;
	line-height: 30px;
	margin: 0 5px;
}
.pages a:hover{
	color: #FFFFFF;
	background: #bfbfbf;
}
.pages span a:hover,
.pages span a.on{
	background: #bb9972;
	border-color: #bb9972;
	color: #FFFFFF;
}


.service{
	margin-top: 80px;
}
.service .title{
	max-width: 1240px;
}
.service .procedure{
	margin: 40px 0 100px;
	background: url(../images/procedure_bg.png) no-repeat center;
	background-size: 100%;
}
.service .procedure ul{
	flex-wrap: wrap;
}
.service .procedure ul li{
	width: 33.33%;
	text-align: center;
	margin: 30px 0;
}
.service .procedure ul li b{
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 100%;
	font-size: 36px;
	margin: 0 auto;
	background: #bb9972;
	line-height: 80px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 10px;
}
.service .procedure ul li p{
	font-size: 24px;
	font-weight: bold;
	color: #bb9972;
}


.faq{
	margin-top: 80px;
	margin-bottom: 80px;
}
.faq li h3{
	font-size: 18px;
	color: #666666;
	/* line-height: 80px; */
	padding: 26px 0;
	cursor: pointer;
	border-bottom: 1px solid #E5E5E5;
}
.faq li h3 i{
	font-size: 26px;
	font-weight: normal;
	margin-right: 15px;
	vertical-align: middle;
	transition: all .5s;
	 display: inline-block;
}
.faq li h3 i.active{
	transform: rotate(90deg);
}
.faq li p{
	color: #666666;
	font-size: 14px;
	margin: 20px 0;
	display: none;
	line-height: 28px;
}
.faq li:hover h3{
	color: #bb9972;
}

.news{
	padding: 80px 0;
	background: url(../images/product_bg.jpg) no-repeat bottom center;
}
.news .news_top{
	background: #F6F6F6;
	padding: 25px;
	margin-bottom: 60px;
}
.news .news_top a{
	align-items: center;
}
.news .img_box{
	overflow: hidden;
}
.news .img_box img{
	transition: all .5s;
}
.news .news_top:hover .img_box img,
.news .news_list li:hover .img_box img{
	transform: scale(1.1);
}
.news .news_top .img_box{
	width: 33.7%;
}
.news .news_top .top_con{
	padding: 0 60px;
	flex: 1;
}
.news .news_top .top_con h3{
	font-size: 28px;
	color: #333333;
}
.news .news_top:hover .top_con h3{
	color: #bb9972;
}
.news .news_top .top_con p{
	color: #666666;
	font-size: 18px;
	line-height: 28px;
	margin: 30px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: -o-ellipsis-lastline;
}
.news .news_top .top_con button{
	width: 173px;
	height: 45px;
	font-size: 14px;
	color: #bb9972;
	border: none;
	font-weight: bold;
	border: 1px solid #bb9972;
}
.news .news_top .top_con button:hover{
	background: #bb9972;
	color: #FFFFFF;
}
.news .news_list li{
	margin-bottom: 35px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d2d2d2;
}
.news .news_list li a{
	align-items: center;
}
.news .news_list li .img_box{
	width: 224px;
}
.news .news_list li .newslist_con{
	flex: 1;
	padding: 0 70px 0 45px;
}
.news .news_list li .newslist_con h4{
	font-size: 24px;
	color: #333333;
}
.news .news_list li:hover .newslist_con h4{
	color: #bb9972;
}
.news .news_list li .newslist_con .date{
	color: #b8b8b8;
	font-size: 18px;
	margin: 14px 0;
}
.news .news_list li .newslist_con .date i{
	margin-right: 8px;
}
.news .news_list li .newslist_con .date i:last-child{
	margin-left: 16px;
}
.news .news_list li .newslist_con p{
	color: #666666;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: -o-ellipsis-lastline;
}
.news .news_list li .more_btn{
	width: 40px;
	height: 40px;
	color: #bb9972;
	border: 1px solid #bb9972;
	border-radius: 100%;
	text-align: center;
	line-height: 40px;
}
.news .news_list li:hover .more_btn{
	background: #bb9972;
	color: #FFFFFF;
}

.case .case_list{
	margin-top: 40px;
}
.case .case_list ul{
	flex-wrap: wrap;
}
.case .case_list ul li{
	width: 31.33%;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	margin: 1%;
	padding: 16px;
}
.case .case_list ul li .img_box{
	overflow: hidden;
}
.case .case_list ul li .img_box img{
	transition: all .5s;
}
.case .case_list ul li:hover .img_box img{
	transform: scale(1.1);
}
.case .case_list ul li h4{
	font-size: 18px;
	color: #333333;
	line-height: 28px;
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
.case .case_list ul li:hover h4{
	color: #bb9972;
}
.case .case_list ul li p{
	color: #666666;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: -o-ellipsis-lastline;
}

.contact{
	padding-bottom: 0;
}
.contact .contact_con{
	margin-top: 30px;
}
.contact .contact_con .contact_item{
	width: 23.5%;
	margin-right: 1.5%;
	height: 150px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact .contact_con .contact_item:last-child{
	flex: 1;
	margin-right: 0;
}
.contact .contact_con .contact_item span{
	width: 53px;
	height: 53px;
	color: #FFFFFF;
	background: #bb9972;
	border-radius: 100%;
	margin: 0 25px;
	transition: all .5s;
	text-align: center;
	line-height: 53px;
}
.contact .contact_con .contact_item:hover span{
	transform: rotateY(180deg);
}
.contact .contact_con .contact_item span i{
	font-size: 24px;
}
.contact .contact_con .contact_item .item_con{
	flex: 1;
}
.contact .contact_con .contact_item h3{
	font-size: 24px;
	color: #333333;
	line-height: 38px;
}
.contact .contact_con .contact_item p,
.contact .contact_con .contact_item p a{
	font-size: 18px;
	color: #666666;
	line-height: 38px;
	font-weight: bold;
}
.contact .contact_con .contact_item p a:hover{
	color: #bb9972;
}
.contact .map{
	margin-top: 45px;
}
.main .contact_msg .contact_r{
	width: 100%;
	text-align: center;
}
.main .contact_msg .contact_r button{
	display: inline-block;
	margin: 30px 20px;
}
.main .contact_msg .contact_r button:last-child{
	background: #333333;
}


.details{
	padding: 70px 0 80px;
	overflow: hidden;
	background: url(../images/detail_bg.jpg) no-repeat bottom center;
}
.details .container{
	align-items: center;
	justify-content: center;
}
.details .detail_pic{
	width: 50%;
	padding-right: 16px;
	position: relative;
}

.picflash{ width: 100%; position: relative; overflow: hidden; }
.left-pro{width:100%; overflow: hidden;}
.left-pro .t1{width:16.5%;float:right; overflow: hidden; position: relative; }
.left-pro .t2{width:81%;text-indent:0;float:left;position: relative; }
.left-pro .t2 img{text-indent:0; width: 100%!important; }
#showArea div{ margin:4px 0; display: block; overflow: hidden;}
#showArea img{cursor:pointer;display:block;width:100%;float:left;  }
#main_img{cursor:pointer;display:block}
#gotop,#gobottom{cursor:pointer;display:block; margin: 0 auto; width:100%; height: 25px; background: url(../images/fact_jt.png) no-repeat center center #e6e6e6; }
#gotop{ top:0; transform: rotate(180deg); }
#gobottom{ bottom: 0;}
#gotop:hover,#gobottom:hover{background: url(../images/fact_jt.png) no-repeat center center #333; }
#showArea{height:435px;overflow:hidden;}
.show_pic{ height: 485px; overflow: hidden; }
.show_pic img{ width: 100%; height: 100%; object-fit: cover; }

.details .pro_inf{
	width: 50%;
	float: right;
	padding-left: 20px;
}
.details .pro_inf h3{
	font-size: 30px;
	color: #333333;
	margin-bottom: 30px;
}
.details .pro_inf p{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	max-height: 84px;
	overflow-y: auto;
	padding-right: 10px;
}
.details .pro_inf p::-webkit-scrollbar {/*滚动条整体样式*/
    width: 1px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 0;
}
.details .pro_inf p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 2px;
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	background: #bb9972;
}
.details .pro_inf p::-webkit-scrollbar-track {/*滚动条里面轨道*/
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	border-radius: 2px;
	background: #FFFFFF;
}
.details .pro_inf .share{
	margin: 30px 0;
}
.details .share a{float: none !important;max-width: 26px!important;height: auto!important;margin-right: auto!important;}
.details .pro_inf .contact_ways{
	text-align: center;
	padding: 25px 0;
	overflow: hidden;
	margin-bottom: 35px;
	border-top: 1px dashed #8e8e8e;
	border-bottom: 1px dashed #8e8e8e;
}
.details .pro_inf .contact_ways span{
	float: left;
	margin: 0 5%;
	color: #333333;
	text-align: left;
}
.details .pro_inf .contact_ways span p{
	font-size: 15px;
	color: #333333;
}
.details .pro_inf .contact_ways span h4 a{	
	font-size: 30px;
	display: block;
	background: none;
	max-width: none;
	color: #333333;
	width: 100%;
}
.details .pro_inf a{
	max-width: 260px;
	width: 49%;
	height: 60px;
	border-radius: 3px;
	font-size: 20px;
	color: #FFFFFF;
	float: left;
	text-align: center;
	line-height: 60px;
	background: #bb9972;
	margin-right: 2%;
	font-family: "RobotoLight";
	font-weight: bold;
}

.details .pro_inf a:last-child{
	background: #333333;
	margin-right: 0;
}
.details .pro_inf a:hover{
	opacity: .8;
}
.details .pro_inf a i{
	font-size: 32px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	font-weight: normal;
}
.details .pro_inf a:last-child i{
	font-size: 26px;
}
.product_inf{
	margin-top: 70px;
}
.product_inf .inf_item{
	margin-bottom: 20px;
}
.product_inf .inf_item h3{
	font-size: 20px;
	color: #333333;
	margin-bottom: 10px;
}
.product_inf .inf_item p{
	color: #666666;
	line-height: 28px;
	font-size: 16px;
	display: flex;
}
.product_inf .inf_item p i{
	color: #bb9972;
	margin-right: 12px;
}
.product_inf .inf_item p span{
	width: 6px;
	height: 6px;
	background: #bb9972;
	margin-right: 12px;
	border-radius: 100%;
	margin-top: 12px;
}

.paramater{
	margin-top: 60px;
}
.paramater .paramater_con{
	width: 53%;
	background: #f9f5f2;
	max-height: 462px;
	overflow: hidden;
	padding: 45px 20px 40px 45px;
}
.paramater .paramater_con .table_box{
	width: 100%;
	height: 100%;
	overflow: auto;
}
.paramater .paramater_con table{
	width: 100%;
}
.paramater .paramater_con table tr{
	margin-bottom: 30px;
	display: flex;
	width: 100%;
}
.paramater .paramater_con table td{
	color: #333333;
	font-weight: bold;
}
.paramater .paramater_con table tr td:last-child{
	font-weight: normal;
	color: #666666;
	margin-right: 25px;
	flex: 1;
	text-align: right;
}

.paramater .paramater_con .table_box::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 0;
}
.paramater .paramater_con .table_box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 2px;
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	background: #333333;
}
.paramater .paramater_con .table_box::-webkit-scrollbar-track {/*滚动条里面轨道*/
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
	border-radius: 2px;
	background: #FFFFFF;
}


.news_detail{
	padding: 40px 0;
	background: url(../images/factory_bg.jpg) no-repeat center;
	background-color: #f6f6f6;
}
.news_detail .news_box{
	padding: 30px 30px 50px 30px;
	background: #FFFFFF;
	margin: 30px auto;
}
.news_detail h3{
	text-align: center;
	color: #333333;
	font-size: 32px;
	margin-bottom: 10px;
}
.news_detail .date{
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}
.news_detail .date i{
	margin-right: 10px;
}
.news_detail .date i:last-child{
	margin-left: 16px;
}
.news_detail .img_box{
	text-align: center;
	margin: 16px 0;
}
.news_detail p{
	/*text-indent: 2em;*/
	margin: 10px auto;
	line-height: 28px;
}
.news_detail .other{
	margin-top: 60px;
}

.news_detail .other span{
	display: block;
	margin-top: 20px;
	font-weight: bold;
}

.news_detail .other span a{
	color: #666666;
	font-weight: normal;
	margin-left: 10px;
}
.news_detail .other span a:hover{
	text-decoration: underline;
}



@media screen and (max-width: 1440px) {
	header .nav ul li{
		margin: 0 20px;
	}
	header .quote{
		width: 150px;
	}
}


@media screen and (max-width: 1400px) {
	.container{
		width: 96%;
	}
	.main .index_service .swiper-slide{
		display: block;
	}
	.main .index_service .img_box,
	.main .index_service .service_box{
		width: 100%;
	}
	.main .index_service .service_box em{
		display: none;
	}
	.main .index_service .swiper-button-prev,
	.main .index_service .swiper-button-next{
		top: 50%;
	}
	.service .procedure ul li{
		margin: 20px 0;
	}
}


@media screen and (max-width: 1280px) {
	header .nav ul li{
		margin: 0 15px;
	}
	header .quote{
		display: none;
	}
	.details .detail_pic .swiper-button-prev,
	.details .detail_pic .swiper-button-next{
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	header .nav ul{
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		width: 300px;
		height: 100%;
		z-index: 999;
		overflow: auto;
		background: #876846;
		transform: translateX(-300px);
		transition: .5s;
		display: block;
		padding: 1.875rem 0;
	}
	.show_pic{ height: 626px; }
  #showArea{ height: 577px; }
	header .nav ul.active {
		transform: translateX(0);
	}

	header .nav ul li {
		line-height: 3rem;
		margin: 0;
	}

	header .nav ul li a {
		color: #FFFFFF;
		padding: 0 1.25rem;
		font-weight: normal;
	}

	header .nav ul li a.on,
	header .nav ul li:hover a {
		border: none;
	}

	header .nav ul li .sorts {
		position: static;
		display: block;
		padding: 10px 1.25rem 1px 1.25rem;
		width: 100%;
		/*background: #5c5e5f;*/
		border: none;
		background:#bb9972;
	}
	header .nav ul li .sorts .sort_item h4{
		font-size: 16px;
		font-weight: normal;
	}
	header .nav ul li .sorts .sort_item h4 a{
		color: #FFFFFF;
	}
	header .nav ul li .sorts .sort_item a {
		color: #FFFFFF;
		padding-left: 5px;
		font-size: 14px;
	}
	header .nav .nav_btn{
		display: block;
	}
	header .nav .nav_btn i{
		font-size: 28px;
		vertical-align: middle;
		margin-top: -5px;
		display: inline-block;
	}
	.banner .swiper-pagination-bullets{
		padding-right: 30%;
		bottom: 1.25rem;
	}
	.banner .swiper-num{
		bottom: 1.25rem;
	}
	.main .main_box{
		padding-top: 5rem;
	}
	.main .index_profile .profile .profile_con p{
		line-height: 1.6rem;
		margin-top: 0.625rem;
	}
	.main .latest_news .latest_con .latest_r{
		max-height: 270px;
	}
	.main .latest_news .latest_con .latest_r .swiper-slide a{
		align-items: center;
	}
	.main .latest_news .latest_con .latest_r .swiper-slide a .slide_con .date,
	.main .latest_news .latest_con .latest_r .swiper-slide a .slide_con h4{
		margin-bottom: 5px;
	}
	.main_pg .profile,
	.main_pg .honorary{
		margin-top: 3.75rem;
	}
	.main_pg .profile .flex{
		display: block;
	}
	.main_pg .profile .profile_con,
	.main_pg .profile .video{
		width: 100%;
		margin-bottom: 1rem;
	}
	.main_pg .factory{
		padding: 2.5rem 0 4.375rem;
	}
	#d_tab29{
		height: 280px;
	}
	.product .flex{
		display: block;
	}
	.product .product_l,
	.product .product_r{
		width: 100%;
	}
	.product .product_r{
		padding-left: 0;
		margin-top: 1.875rem;
	}
	.product .product_l h2{
		background: #bb9972;
		color: #FFFFFF;
		line-height: 3.6rem;
		padding: 0 1.25rem;
		margin-bottom: 0;
	}
	.product .product_l h2 span{
		display: block;
	}
	.product .product_l .category{
		display: none;
		border: 1px solid #E6E6E6;
	}
	.product .product_l h3{
		color: #bb9972;
		background: none;
		/* padding-top: 1.25rem; */
	}
	.product .product_l .cate_item h3 a{
	   color: #bb9972;
	}
	.product .product_l .cate_item{
		margin: 0;
	}
	.product .product_l .cate_item a{
		border: none;
	}
	.product .product_l .hot_pro{
		display: none;
	}
	.paramater .paramater_con{
		max-height: 400px;
		padding-left: 20px;
	}
	.contact .contact_con{
		flex-wrap: wrap;
	}
	.contact .contact_con .contact_item{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.contact .contact_con .contact_item:nth-child(2){
		margin-right: 0;
	}
	.contact .contact_con .contact_item:last-child{
		flex: auto;
		width: 100%;
	}

}

@media screen and (max-width: 768px) {
	.main h2{font-size:26px;}
	header{
		height: 5rem;
		line-height: 5rem;
	}
	header .logo{
		padding: 0 1rem;
		line-height: 5rem;
		text-align: center;
	}
	header .logo img{
		width: 80%;
	}
	header .nav .nav_btn{
		line-height: 5rem;
	}
	header .search i{
		line-height: 5rem;
	}
	header .search .src_con{
		top: 5rem;
	}
	.banner .swiper-pagination-bullets{
		padding-right: 28%;
		bottom: 10px;
	}
	.banner .swiper-num{
		bottom: 10px;
	}
	.main .main_box{
		padding-top: 3.75rem;
	}
	.main .box{
		padding-bottom: 2.5rem;
	}
	.main .index_service .swiper-button-prev,
	.main .index_service .swiper-button-next{
		top: auto;
		bottom: 0;
		width: 40px;
		height: 40px;
		background: #bb9972;
	}
	.main .index_service .swiper-button-prev{
		right: 3.125rem;
	}
	.main .index_service .swiper-button-prev::after,
	.main .index_service .swiper-button-next::after{
		color: #FFFFFF;
	}
	.main .index_mainPro{
		margin-top: 3.125rem;
	}
	.main .index_profile{
		margin-top: 1.875rem;
		padding-top: 2.25rem;
	}
	.main .index_profile .profile .profile_con{
		padding-left: 1rem;
	}
	.main .index_profile .profile .profile_con h3{
		font-size: 1.4rem;
		font-weight: normal
		margin-bottom: 1rem;
	}
	.main .index_profile .profile .profile_con p{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		text-overflow: -o-ellipsis-lastline;
	}
	.main .latest_news{
		margin-top: 3.125rem;
	}
	.main .latest_news .latest_con{
		padding: 1.875rem;
	}
	.main .latest_news .latest_con .latest_l{
		width: 44%;
	}
	.main .latest_news .latest_con .latest_l a h4{
		line-height: 2.5rem;
	}
	.main .latest_news .latest_con .latest_r{
		max-height: 190px;
	}
	.main .latest_news .latest_con .latest_r .swiper-slide a .img_box{
		width: 40%;
	}
	.main .latest_news .latest_con .latest_r .swiper-slide a .slide_con{
		padding-left: 10px;
	}
	.main .latest_news .latest_con .latest_r .swiper-slide a .slide_con p{
		line-height: 1rem;
	}
	.main .latest_news .latest_con .latest_r .swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 3rem 0;
	}
	.main .index_contact .contact_l{
		padding: 0 2%;
	}
	.main .index_contact .contact_l .more_btn{
		margin-top: 1.25rem;
	}		
	.main_pg .number .num_item i{		
margin-right: 0.625rem;	}	.main_pg .number .num_item b,	.main_pg .number .num_item span{		font-size: 2.25rem;	}
	.main_pg .profile,
	.main_pg .honorary{
		margin-top: 2.5rem;
	}
	.main_pg .profile .profile_con{
		padding-right: 0;
	}
	.main_pg .prize{
		padding: 3.75rem 0;
	}
	#d_tab29 .d_img li.d_pos1,
	#d_tab29 .d_img li.d_pos5{
		top: 40px;
	}
	#d_tab29 .d_img li.d_pos2,
	#d_tab29 .d_img li.d_pos4{
		top:20px;
	}
	#d_tab29 .d_next span,
	#d_tab29 .d_prev span{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	#d_tab29 .d_next span i,
	#d_tab29 .d_prev span i{
		font-size: 1.5rem;
	}
	.product{
		padding: 3rem 0;
	}
	.product .product_l h2{
		margin-top: 1.25rem;
		font-size: 1.5rem;
	}

	.details{
		background-position: center;
		background-size: cover;
		padding: 1.875rem 0 2.5rem;;
	}
	.details .container{
		display: block;
	}
	.details .detail_pic,
	.details .pro_inf{
		width: 100%;
		padding: 0;
		margin-bottom: 1.875rem;
	}
	.details .pro_inf h3{
		font-size: 1.875rem;
		margin-bottom: 1rem;
	}
	.details .detail_pic .mySwiper{
		max-height: 480px;
	}
	.details .detail_pic .swiper-button-prev,
	.details .detail_pic .swiper-button-next{
		display: block;
		right: 43px;
		line-height: 112px;
	}
	.product_inf,
	.paramater{
		margin-top: 2.5rem;
	}
	.product_inf .inf_item{
		margin-bottom: 1.875rem;
	}
	.paramater .container{
		display: block;
	}
	.paramater .paramater_con{
		width: 100%;
		padding: 1rem;
		max-height: none;
		margin-bottom: 1rem;
	}
	.paramater .paramater_pic{
		width: 100%;
		text-align: center;
	}
	.service{
		margin-top: 2.5rem;
	}
	.service .procedure ul li{
		margin: 5px 0;
	}
	.service .procedure ul li b{
		margin: 0 auto;
	}
	.service .procedure ul li p{
		font-size: 1rem;
	}
	.faq{
		margin-top: 2.5rem;
		margin-bottom: 2.5rem;
	}
	.faq li h3{
		display: flex;
	}
	.faq li h3 i.active{
		margin-bottom: 20px;
	}
	.news .news_top .top_con h3{
		font-size: 1.5rem;
	}
	.news .news_top .top_con{
		padding: 0 0 0 1.875rem;
	}
	.news .news_top .top_con p{
		margin: 1rem 0;
	}
	.news .news_list li .newslist_con{
		padding: 0 1rem;
	}
	.news .news_list li .newslist_con h4{
		font-size: 1.25rem;
	}
	.news .news_list li .newslist_con .date{
		margin: 10px 0;
		font-size: 0.875rem;
	}

	footer .flex .item{
		margin-right: 4%;
	}
	footer .flex .item:first-child{
		margin-left: 0;
	}
	footer .flex .item:nth-child(3){
		display: none;
	.show_pic{ height: 510px; }
  #showArea{ height: 458px; }
}

@media screen and (max-width: 480px) {
    .getbox{width:100%;left:0;margin-left:0;}
    .getbox video{height:203px;}
	header{
		height: 4rem;
		line-height: 4rem; overflow: hidden;
	}
	header .logo{
		padding: 0;
		width: 50%;
		line-height: 4rem;
		text-align: center;
	}
	header .logo img{
		width: 60%;
	}
	header .nav ul li .sorts .sort_item h4 a{font-size:18px;}
	header .nav ul li .sorts .sort_item a:hover{color: #ffffff;}
	.show_pic{ height: 285px; }
  #showArea{ height: 236px; }
	header .nav .nav_btn{
		line-height: 4rem;
	}
	header .search i{
		line-height: 4rem;
	}
	header .search .src_con{
		top: 4rem;
	}
	.main .index_mainPro h2{
	text-align: left;
	color: #FFFFFF;
	padding-left: 53px;
	background-color: #bb9972;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	line-height: 68px;
	margin-bottom: 0;
	font-size: 24px;
}
	.banner .swiper-pagination-bullets{
		/* padding-right: 16%; */
		bottom: 5px;
	}
	.banner .swiper-pagination-bullets .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
		margin-right: .5rem;
	}
	.banner .swiper-num{
		bottom: 5px;
		font-size: 1rem;
	}
	.main .index_contact .contact_l .more_btn{
	    margin: 1.2rem auto 0;
	}
	.about_banner{
	    width: 100%;
		overflow: hidden;
	}
	.about_banner img{
	 width: auto;
    height: 200px;
    top: 0;
    left: 50%;
    margin-left: -60%;
    max-width: none;
}
	}
	.main h2{
		margin-bottom: 1.25rem;
		font-size: 1.875rem;
	}
	.main .main_box{
		padding-top: 1.25rem;
	}
	.main .index_honor ul{
		flex-wrap: wrap;
		margin-top: 1.5rem;
	}
	.main .index_honor ul li{
		width: 48%;
		margin: 1%;
	}
	.main .index_service .service_con{
		padding: 1.25rem 1.25rem 2.5rem 1.25rem;
	}
	.main .index_mainPro h2{
		padding-left: 1rem;
	}
	.main .index_mainPro h2 a{
		margin-right: 1.25rem;
		font-size: 1rem;
	}
	.main .index_mainPro{
		margin-top: 1.875rem;
		margin-bottom: 1.875rem;
	}
	.main .index_mainPro ul{
		flex-wrap: wrap;
		width: 100%;
	}
	.main .index_mainPro ul li{
		width: 48%;
		margin: 1%;
	}
	.main .index_profile::before{
		background-size: cover;
	}
	.main .index_profile .profile .flex{
		display: block;
	}
	.main .index_profile .profile .video,
	.main .index_profile .profile .profile_con{
		width: 100%;
		padding: 0;
		margin: 10px 0;
	}
	.main .latest_news{
		margin-top: 1.875rem;
	}
	.main .latest_news .latest_con{
		padding: 1rem;
	}
	.main .latest_news .latest_con .flexbox{
		display: block;
	}
	.main .latest_news .latest_con .latest_l,
	.main .latest_news .latest_con .latest_r{
		width: 100%;
		margin: 1rem 0;
		padding: 0;
	}
	.main .latest_news .latest_con .latest_r{
		max-height: 260px;
	}
	.main .latest_news .latest_con .latest_r .swiper{
		height: 260px;
		padding-left: 1rem;
	}
	.main .latest_news .latest_con .latest_r .line{
		left: 5px;
	}
	.main .latest_news .latest_con .latest_r .swiper-pagination-bullets{
		left: 0;
	}
	.main .index_contact{
		padding: 1.5rem 0;
		background-size: cover;
	}
	.main .index_contact .flex{
		display: block;
	}
	.main .index_contact .contact_l,
	.main .index_contact .contact_r{
		width: 100%;
		margin: 1rem 0;
	}
	.main .index_contact .contact_r{
		padding: 1rem;
	}
	.main .index_contact .contact_r .code{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.about_banner .position{
		display: none;
	}
	.main_pg .profile,
	.main_pg .honorary{
		margin-top: 1.875rem;
	}
	.main_pg .profile .flex{
		margin-top: 1.5rem;
	}
	.main_pg .profile .profile_con h3{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.main_pg .factory{
		padding: 2rem 0;
	}
	.main_pg .number{
		margin-top: 1.875rem;
	}
	.main_pg .number .flex{
		flex-wrap: wrap;
	}
	.main_pg .number .num_item{
		width: 48%;
		margin: 1%;;
	}
	.main_pg .honorary ul{
		flex-wrap: wrap;
	}
	.main_pg .honorary ul li{
		width: 48%;
		margin: 1%;;
	}
	.main_pg .factory .identity .item{
		margin-right: 6px;
	}
	.main_pg .factory .identity .item h4{
		line-height: 2rem;
	}
	.main_pg .prize{
		padding: 1.875rem 0;
	}
	#d_tab29{
		height: 220px;
	}
	#d_tab29 .d_img li.d_pos1{
		width:40%;
		left:0;
		top:60px;
	}
	#d_tab29 .d_img li.d_pos2{
		width:60%;
		left:5%;
		top:40px;
	}
	#d_tab29 .d_img li.d_pos3{
		width:80%;
		left:10%;
		top:0;
	}
	#d_tab29 .d_img li.d_pos4{
		width:60%;
		right:5%;
		top:40px;
	}
	#d_tab29 .d_img li.d_pos5{
		width:40%;
		right:0;
		top:60px;
	}
	#d_tab29 .d_prev,
	#d_tab29 .d_next{
		top: 0;
	}
	#d_tab29 .d_next span,
	#d_tab29 .d_prev span{
		display: none;
	}
	.product .product_r ul{
		display: flex;
		flex-wrap: wrap;
	}
	.product .product_r li{
	    width: 48%;
		margin: 1%;
	}
	.product .product_r li a{
		display: block;
	}
	.product .product_r li .img_box{
		width: 100%;
		text-align: center;
		margin-bottom: 1rem;
	}
	.product .product_r li .img_box img{
		width: 100%;
	}
	.product .product_r li .prolist_con{
		width: 100%;
		padding: 8px;
	}
	.product .product_r li .prolist_con h3{
		font-size: 18px;
	}
	.product .product_r li .prolist_con p {
    color: #666666;
    line-height: 21px;
    overflow: hidden;
    height: 84px;
    font-size: 14px;
	}
	.product .product_r li .prolist_con button {
		width: 97px;
		height: 30px;
		margin-top: 8px;
	}
	
	.details .detail_pic .swiper-button-prev,
	.details .detail_pic .swiper-button-next{
		display: none;
	}
	.details .pro_inf a{
		width: 49%;
		height: 50px;
		line-height: 50px;
		margin-right: 2%;
		font-size: 1rem;
	}
	.service{
		margin-top: 1.875rem;
	}
	.service .procedure{
		background: none;
		margin: 1.25rem 0 3.125rem;
	}
	.service .procedure ul li{
		width: 50%;
		margin: 10px 0;
	}
	.service .procedure ul li p{
		width: 90%;
		margin: 10px auto;
	}
	.faq{
		margin-top: 0;
	}
	.faq li h3{
		padding: 1.25rem 0;
	}
	.faq li p{
		padding: 0 1rem;
		font-size: 1rem;
	}
	.news{
		padding: 2.5rem 0;
	}
	.news .news_top{
		margin-bottom: 1.875rem;
	}
	.news .news_top a{
		display: block;
	}
	.news .news_top a .img_box{
		width: 100%;
		text-align: center;
		margin-bottom: 1rem;
	}
	.news .news_top .top_con{
		width: 100%;
		padding: 0;
	}
	.news .news_list li{
		margin-bottom: 0;
		padding-bottom: 1rem;
	}
	.news .news_list li a{
		flex-wrap: wrap;
	}
	.news .news_list li .img_box{
		width: 100%;
		text-align: center;
		margin: 1rem;
	}
	.news .news_list li .img_box img{
		width: 100%;
	}
	.news .news_list li .more_btn{
		display: none;
	}
	.case .case_list ul li{
		width: 48%;
	}
	.case .case_list ul li h4{
		font-size: 1.125rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: 10px 0;;
	}
	.case .case_list ul li p{
		-webkit-line-clamp: 2;
		line-height: 1.25rem;
		font-size: 1rem;
	}

	.contact .contact_con{
		display: block;
	}
	.contact .contact_con .contact_item{
		width: 100%;
		height: 6.25rem;
	}
	.contact .contact_con .contact_item:last-child{
		height: 7.5rem;
	}
	.contact .contact_con .contact_item p,
	.contact .contact_con .contact_item p a{
		line-height: 1.5rem;
	}
	.main .contact_msg .contact_r button{
		display: block;
		margin: 1rem 0;
	}
	footer{
		padding-top: 1.875rem;
	}
	footer .flex .item:first-child,
	footer .flex .item:nth-child(2){
		display: none;

	}
	footer .flex .item{
	    margin: 0;
    padding: 0 3%;
    width: 94%;
	}
	footer .flex .item a,
	footer .flex .item p{
		white-space: pre-wrap;
		margin-top: 12px;
		line-height: 1.25rem;
	}
	footer .copyright{
		line-height: 1.25rem;
		padding: 1rem 0;
	}
	footer .s_footer {
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		display: block;
		background: #bb9972;
		height: 3.75rem;
		z-index: 998;
	}
	footer .s_footer a {
		color: #FFFFFF;
		flex: 1;
		text-align: center;
	}
	footer .s_footer a i {
		display: block;
		color: #FFFFFF;
		font-size: 24px;
		margin-top: 10px;
	}
	body{
		padding-bottom: 3.75rem;
	}
}

@media screen and (max-width: 320px) {
	header .nav ul{
		width: 260px;
		transform: translateX(-260px);
	}
	.main h2{
		font-size: 1.5rem;
	}
	.contact .contact_con .contact_item span{
		margin: 0 1rem;
	}
}